<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <h:head>
        <title>Weba Novare</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <script type="text/javascript" src="client/js/lib/jquery-1.7.1.min.js"/>
        <script type="text/javascript" src="client/js/gui/popup.js"/>
        <script type="text/javascript" src="client/js/gui/popupLogin.js"/>
    </h:head>
    <h:body>
        <ui:include src="/template/header.xhtml" />
        <div class="mainContent">

            <div class="indexInfo">
                <h1>Weba Novare</h1>
                <p>Weba Novare is a multiplayer game based on the Ruzzle application.<br/>
                    The idea is to create as many words as you can in two and a half minutes.<br/>
                    The rules are very simple and can be found <a class="rules" href="rules.xhtml">here</a>.<br/><br/>
                    You can choose either to play as:</p>
                    <li><b>Unregistered guest: </b>Just press the Play tab and start playing!</li>
                    <li><b>Registered user: </b>Registration takes only a few seconds!</li><br/>
                    <p>If you want to give feedback to the creators behind this site you can find information about us
                    under the About tab.</p><br/>
                    <h1>Good Luck!</h1>
            </div>
            <div class="news">
                <h1>News</h1>
                <form>
                    <c:forEach var="newsItem" items="#{newsBean.newsItems}">
                        <table cellspacing="10">
                            <tr><td id="date" width="100">#{newsItem.date}</td><td>#{newsItem.newsText}</td></tr>
                        </table>
                    </c:forEach>
                </form>
            </div>
        </div>
         
        <div class="footerContainer">
            © Copyright 2012 Weba Novare, Gothenburg, Sweden
        </div>
    </h:body>
</html>